#wrapper {

}

.top {
  display: flex;
  justify-content: space-between;
}

#title {
  font-size: var(--font-size-title);
  color: var(--font-color-primary);
  font-weight: bold;
}
#desc {
  font-size: var(--font-size-desc);
  color: var(--font-color-secendary);
  margin-top: var(--px10);
}
#btn {
  flex-shrink: 0;
  height: var(--px36);
  font-size: var(--font-size-idal);
  display: flex;
  align-items: center;
  background-color: rgb(244, 244, 245);
  margin-left: var(--px12);
  margin-right: 0;

  &:after {
    display: none;
    border-width: 0;
  }
}
#middle {
  display: flex;
  margin: var(--px16) 0;
  justify-content: space-between;
}
.iwrapper {
  display: flex;
  flex-direction: column;
  width: 30%;
  border: var(--px1) solid var(--border-idal-color);
  height: var(--px70);
  align-items: center;
  justify-content: center;
  border-radius: var(--px4);
}
.text {
  font-size: var(--font-size-desc);
  color: var(--font-color-primary);
  margin-top: var(--px6);
}
.bottom {
  font-size: var(--font-size-desc);
  color: var(--font-color-secendary);
}

#dot {
  display: flex;
  align-items: center;
  margin-top: var(--px8);
  .dot_text {
    font-size: var(--font-color-secendary);
    color: var(--font-color-secendary);
    margin-left: var(--px2);
    //transform: translateY(-1px);
  }
}
